<script type="text/javascript">
	$('#myTab a').click(function (e) {
	    e.preventDefault();
	    $(this).tab('show');
    })
</script>
<script type="text/javascript">
$(function () {
    
    // Slideshow 3
      $("#slider3").responsiveSlides({
        manualControls: '#slider3-pager',
        maxwidth: 540
      });
});
</script>
<div class="page detail_properti_baru">
    <div class="container">
    	<h2><?php echo $detail->judul; ?></h2>
    	<p><?php echo $detail->kota.', '.$detail->provinsi; ?> <br/></p>
    	<div class="span8 tab_detailproperti">
    		<ul class="nav nav-tabs" id="myTab">
					<li class="active"><a href="#tinjauan" data-toggle="tab">Tinjauan</a></li>
					<li><a href="#spesifikasi" data-toggle="tab">Spesifikasi</a></li>
					<li><a href="#petalokasi" data-toggle="tab">Peta Lokasi</a></li>
					<li><a href="#petarencana" data-toggle="tab">Peta Rencana</a></li>
					<li><a href="#galeri" data-toggle="tab">Galeri</a></li>
				</ul>
				 
				<div id="myTabContent" class="tab-content">
					<div class="tab-pane active" id="tinjauan">
						<p><?php echo $detail->lokasi; ?> <br/>
						<?php echo $detail->keunggulan; ?> <br/>
						<?php echo $detail->jumlah_unit; ?> <br/>
						<?php echo $detail->tipe_unit; ?> <br/></p>
					</div>
					<div class="tab-pane" id="spesifikasi">Di sini untuk spesifikasi</div>
					<div class="tab-pane" id="petalokasi">Di sini untuk peta lokasi</div>
					<div class="tab-pane" id="petarencana">Di sini untuk peta rencana</div>
					<div class="tab-pane" id="galeri">
						<!-- Slideshow 3 -->
                            <ul class="resslides" id="slider3">
                              <li><img src="<?php echo base_url(); ?>assets/img/images1.jpg" alt=""></li>
                              <li><img src="<?php echo base_url(); ?>assets/img/images2.jpg" alt=""></li>
                              <li><img src="<?php echo base_url(); ?>assets/img/images3.jpg" alt=""></li>
                              <li><img src="<?php echo base_url(); ?>assets/img/images1.jpg" alt=""></li>
                              <li><img src="<?php echo base_url(); ?>assets/img/images2.jpg" alt=""></li>
                              <li><img src="<?php echo base_url(); ?>assets/img/images3.jpg" alt=""></li>
                              <li><img src="<?php echo base_url(); ?>assets/img/images1.jpg" alt=""></li>
                              <li><img src="<?php echo base_url(); ?>assets/img/images2.jpg" alt=""></li>
                              <li><img src="<?php echo base_url(); ?>assets/img/images3.jpg" alt=""></li>
                              <li><img src="<?php echo base_url(); ?>assets/img/images1.jpg" alt=""></li>
                              <li><img src="<?php echo base_url(); ?>assets/img/images2.jpg" alt=""></li>
                              <li><img src="<?php echo base_url(); ?>assets/img/images3.jpg" alt=""></li>
                            </ul>

                            <!-- Slideshow 3 Pager -->
                            <ul id="slider3-pager">
                              <li><a href="#"><img width="50px" height="50px" src="<?php echo base_url(); ?>assets/img/images1.jpg" alt=""></a></li>
                              <li><a href="#"><img width="50px" height="50px" src="<?php echo base_url(); ?>assets/img/images2.jpg" alt=""></a></li>
                              <li><a href="#"><img width="50px" height="50px" src="<?php echo base_url(); ?>assets/img/images3.jpg" alt=""></a></li>
                              <li><a href="#"><img width="50px" height="50px" src="<?php echo base_url(); ?>assets/img/images1.jpg" alt=""></a></li>
                              <li><a href="#"><img width="50px" height="50px" src="<?php echo base_url(); ?>assets/img/images2.jpg" alt=""></a></li>
                              <li><a href="#"><img width="50px" height="50px" src="<?php echo base_url(); ?>assets/img/images3.jpg" alt=""></a></li>
                              <li><a href="#"><img width="50px" height="50px" src="<?php echo base_url(); ?>assets/img/images1.jpg" alt=""></a></li>
                              <li><a href="#"><img width="50px" height="50px" src="<?php echo base_url(); ?>assets/img/images2.jpg" alt=""></a></li>
                              <li><a href="#"><img width="50px" height="50px" src="<?php echo base_url(); ?>assets/img/images3.jpg" alt=""></a></li>
                              <li><a href="#"><img width="50px" height="50px" src="<?php echo base_url(); ?>assets/img/images1.jpg" alt=""></a></li>
                              <li><a href="#"><img width="50px" height="50px" src="<?php echo base_url(); ?>assets/img/images2.jpg" alt=""></a></li>
                              <li><a href="#"><img width="50px" height="50px" src="<?php echo base_url(); ?>assets/img/images3.jpg" alt=""></a></li>
                            </ul>
					</div>
				</div>
				<script>
					$(function () {
						$('#myTab a:first').tab('show');
					})
				</script>
    	</div>
    	<div class="span6 row" style="margin-top:20px;">
    		<div class="span3">
	            <a href="#popHubungiKami" data-toggle="modal" class="btn btn-large btn-block btn-primary">Hubungi Kami</a>
	        </div>
	        <div class="span2">
	            <a href="#popLihatProfil" data-toggle="modal" class="btn btn-large btn-block btn-primary">Lihat Profil</a>
	        </div>
    	</div>
    	<!-- Modal -->
        <div id="popHubungiKami" class="span4 modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
                <h4 id="myModalLabel">Hubungi Kami</h4>
            </div>
                <div class="modal-body">
                  <form action="" id="input-form" class="form-horizontal">
                    <div class="control-group">
                      <label class="control-label" for="name">Nama Anda</label>
                      <div class="controls">
                        <input type="text" class="input-xlarge" name="name" id="name" placeholder="Nama Anda">
                      </div>
                    </div>
                    <div class="control-group">
                      <label class="control-label" for="name">Alamat E-mail</label>
                      <div class="controls">
                        <input type="text" class="input-xlarge" name="email" id="email" placeholder="alamat@email.com">
                      </div>
                    </div>
                    <div class="control-group">
                      <label class="control-label" for="message">Isi Pesan:</label>
                      <div class="controls">
                        <textarea class="span4" rows="4" name="message" id="message">Isi pesan</textarea>
                      </div>
                    </div>
                    <div class="form-actions">
                      <button type="submit" class="btn btn-large btn-block btn-primary">KIRIM</button>
                    </div>
                  </form>
                </div>
        </div>
        <!-- Modal -->
        <div id="popLihatProfil" class="span4 modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
                <h4 id="myModalLabel">Profil Pengembang</h4>
            </div>
            <form>
                <div class="modal-body">   
	                <?php echo $detail->nama; ?> <br/>
					<?php echo $detail->deskripsi; ?> <br/>
					<?php echo $detail->kontak; ?> <br/>
					<?php echo $detail->info_marketing; ?> <br/>
                </div>
            </form>
        </div>
    </div>
</div>
